<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>绝地求生-绝地求生官方网站-腾讯游戏</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="s-css/s-base.css" />
    <link rel="stylesheet" href="s-css/s-home.css" />
    <link rel="stylesheet" href="s-css/s-css-home.css" />
    <link rel="stylesheet" href="s-css/jquery.fullPage.css" />
    <script src="s-js/s-animate.js"></script>
    <script src="s-js/s-home.js"></script>
    <script src="s-js/s-jquery.min.js"></script>
    <link rel="stylesheet" href="./s-css/u-home.css" />

    <style>
      .section {
        text-align: center;
        font: 30px 'Microsoft Yahei';
        color: #fff;
      }
    </style>
  </head>

  <body>
    <!-- 头部区域start -->
    <div class="bigbox">
      <section class="shortcut">
        <ul class="shortcut_w">
          <li class="tx_games">
            <a href="#" target="_blank" class="tx_game" title="腾讯游戏logo"
              >腾讯游戏logo</a
            >
          </li>
          <li class="activity">
            <img
              src="./lihe/l-uploads/1c3aa1514f220e655c62b24dcd91921e.jpg"
              alt=""
            />
          </li>
          <li class="shortcut_info">
            <h3 class="czsh">
              <a href="#">成长守护平台</a>
            </h3>
            <h3 class="hotlist">
              <a href="#" class="hotlist_open">腾讯游戏排行榜</a>
            </h3>
          </li>
        </ul>
        <div class="big_activity">
          <a href="#" target="_blank">
            <img
              src="./lihe/l-uploads/b7b13d336a11e200670d40976997e350.jpg"
              class="big_activity_co"
              alt=""
            />
          </a>
        </div>
        <div class="ost-rank">
          <!-- new game -->
          <div class="ost-rank-col">
            <h2 class="rank-title">
              <a rel="noopener" href="#" target="_blank" class="rank-more"
                >新品端游排行榜</a
              >
            </h2>
            <ul class="rank-list" id="rankList_1">
              <li class="rank-item">
                <p class="game-name">穿越火线</p>
                <img
                  src="./lihe/l-uploads/20201228154024-344816.jpg"
                  alt=""
                  class="rank-img1 rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order rank-order1">1</span>
              </li>
              <li class="rank-item">
                <p class="game-name1">英雄联盟LOL</p>
                <img
                  src="./lihe/l-uploads/20210104171412-491756.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order rank-order1">2</span>
              </li>
              <li class="rank-item rank-active">
                <p class="game-name">地下城与勇士</p>
                <img
                  src="./lihe/l-uploads/20201228153940-638628.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order rank-order1">3</span>
              </li>
              <li class="rank-item">
                <p class="game-name">FIFA Online 4</p>
                <img
                  src="./lihe/l-uploads/20201229112103-127467.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order">4</span>
              </li>
              <li class="rank-item">
                <p class="game-name">NBA2K Online2</p>
                <img
                  src="./lihe/l-uploads/20201228165353-132810.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order">5</span>
              </li>
            </ul>
          </div>

          <!-- hot game -->
          <div class="ost-rank-col">
            <h2 class="rank-title">
              <a rel="noopener" href="#" target="_blank" class="rank-more"
                >热门端游排行榜</a
              >
            </h2>
            <ul class="rank-list" id="rankList_2">
              <li class="rank-item1">
                <p class="game-name">穿越火线</p>
                <img
                  src="./lihe/l-uploads/20201228154024-344816.jpg"
                  alt=""
                  class="rank-img rank-img1"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order1 rank-order">1</span>
              </li>
              <li class="rank-item1">
                <p class="game-name1">英雄联盟</p>
                <img
                  src="./lihe/l-uploads/20210104171412-491756.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order1 rank-order">2</span>
              </li>
              <li class="rank-item1">
                <p class="game-name">地下城与勇士</p>
                <img
                  src="./lihe/l-uploads/20201228153940-638628.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order1 rank-order">3</span>
              </li>
              <li class="rank-item1">
                <p class="game-name">FIFA Online4</p>
                <img
                  src="./lihe/l-uploads/20201229112103-127467.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order">4</span>
              </li>
              <li class="rank-item1 rank-active">
                <p class="game-name">NBA2K Online 2</p>
                <img
                  src="./lihe/l-uploads/20201228165353-132810.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >下载游戏</a
                  >
                </div>
                <span class="rank-order">5</span>
              </li>
            </ul>
          </div>
          <!-- mobile game -->
          <div class="ost-rank-col" id="rankList_5">
            <h2 class="rank-title">
              <a rel="noopener" href="#" target="_blank" class="rank-more"
                >新品手游排行榜</a
              >
            </h2>
            <ul class="rank-list" id="rankList_3">
              <li class="rank-item2 rank-active">
                <p class="game-name">妄想山海</p>
                <img
                  src="./lihe/l-uploads/last1.jpg"
                  alt=""
                  class="rank-img rank-img1"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order1 rank-order">1</span>
              </li>
              <li class="rank-item2">
                <p class="game-name game-name1">和平精英</p>
                <img src="./lihe/l-uploads/last2.jpg" alt="" class="rank-img" />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order1 rank-order">2</span>
              </li>
              <li class="rank-item2">
                <p class="game-name">穿越火线：枪战王者</p>
                <img src="./lihe/l-uploads/last3.jpg" alt="" class="rank-img" />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order1 rank-order">3</span>
              </li>
              <li class="rank-item2">
                <p class="game-name">火影忍者</p>
                <img src="./lihe/l-uploads/last4.jpg" alt="" class="rank-img" />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order">4</span>
              </li>

              <li class="rank-item2">
                <!-- <h2 class="rank-title rank-sub-title"><a rel="noopener" href="#" target="_blank"
                                    class="rank-more">热门手游排行榜</a>
                            </h2> -->
                <p class="game-name">王者荣耀</p>
                <img
                  src="./lihe/l-uploads/1last1.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order">5</span>
              </li>
              <li class="rank-item2">
                <p class="game-name">和平精英</p>
                <img
                  src="./lihe/l-uploads/1last2.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order">6</span>
              </li>
              <li class="rank-item2">
                <p class="game-name">妄想山海</p>
                <img
                  src="./lihe/l-uploads/1last3.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order">7</span>
              </li>
              <li class="rank-item2">
                <p class="game-name">穿越火线：枪战王者</p>
                <img
                  src="./lihe/l-uploads/1last4.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    ></a>
                  </div>
                </div>
                <span class="rank-order">8</span>
              </li>
              <li class="rank-item2">
                <p class="game-name">火影忍者</p>
                <img
                  src="./lihe/l-uploads/1last5.jpg"
                  alt=""
                  class="rank-img"
                />
                <div class="rank-btn-bar">
                  <a href="#" rel="noopener" target="_blank" class="rank-btn"
                    >进入官网</a
                  >
                  <div class="rank-btn">
                    <span class="download-text">下载游戏</span>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-ios"
                    ></a>
                    <a
                      href="#"
                      rel="noopener"
                      target="_blank"
                      class="download-btn download-android"
                    >
                    </a>
                  </div>
                </div>
                <span class="rank-order">9</span>
              </li>
            </ul>
          </div>
        </div>
      </section>
    </div>

    <!-- 头部区域end -->

    <!-- 导航栏区域start -->
    <nav class="top_nav">
      <div class="top_nav_w">
        <a href="./gtt/infor.html" class="top_logo" title="绝地求生官方网站"
          >绝地求生官方网站</a
        >
        <ul class="top_nav_middle">
          <li>
            <a href="./s-home.html">官网首页</a>
          </li>
          <li>
            <a href="./xy/search.html">绑定查询</a>
          </li>
          <li>
            <a href="./gtt/yuyue.html" target="_blank" class="pannel_active"
              >国服预约</a
            >
          </li>
          <li>
            <a href="./zrl/veteran.html" target="_blank" class="pannel_active"
              >老兵绑定</a
            >
          </li>
          <li>
            <a href="./s-home.html">游戏特色</a>
          </li>
          <li>
            <a href="./zrl/job.html" target="_blank">社区APP</a>
          </li>
          <li>
            <a
              href="https://client.wb.qq.com/ext/act_pubg/show_act_introduction"
              target="_blank"
              >网吧认证</a
            >
            <!-- 跳转外网链接 -->
          </li>
        </ul>

        <a href="./gtt/infor.html" class="website_enter" title="进入官网"
          >进入官网</a
        >
      </div>
    </nav>
    <!-- 导航栏区域end -->
    <div class="s-navleft"></div>
    <div class="s-scroll_tips"></div>
    <div id="dowebok">
      <!-- 模块一的动画制作 -->
      <div class="section s-firstpage">
        <div class="s-x">X</div>
        <div class="s-ship">
          <video
            src="./s-vodie/xuanchuan.mp4"
            loop
            muted
            controls
            autoplay
          ></video>
        </div>
        <div class="s-play">
          <a href="javascript:;" title="视频"></a>
        </div>
        <div class="s-firsttext"></div>
        <div class="swiper-slide">
          <video src="s-vodie/one1.mp4" loop muted autoplay></video>
        </div>
        <div class="s-zezhao"></div>
      </div>
      <!-- 模块二的动画制作 -->
      <div class="section s-onesec">
        <div class="s-onetop">
          <div class="swiper-slide s-oneamn">
            <video
              src="s-vodie/one.mp4"
              loop
              muted
              autoplay
              class="s-onevodie"
            ></video>
            <div class="s-texttop"></div>
            <div class="s-textunder"></div>
            <div class="s-circle">
              <span>+</span>
              <b class="s-public1"></b>
              <b class="s-public2"></b>
              <b class="s-public3"></b>
            </div>
            <div class="s-endtext">
              连呼吸都必须小心翼翼，前所未有的紧张刺激体验
            </div>
            <!-- 装备栏变化 -->
            <div class="s-person">
              <div class="s-equip1 s-qecom">
                <a href="javascript:;" title="头盔" id="s-aequ1"></a>
              </div>
              <div class="s-equip2 s-qecom">
                <a href="javascript:;" title="背包"></a>
              </div>
              <div class="s-equip3 s-qecom">
                <a href="javascript:;" title="防具"></a>
              </div>
              <div class="s-equip4 s-qecom">
                <a href="javascript:;" title="腰部"></a>
              </div>
              <div class="s-equip5 s-eqright">
                <a href="javascript:;" title="眼镜"></a>
              </div>
              <div class="s-equip6 s-eqright">
                <a href="javascript:;" title="口罩"></a>
              </div>
              <div class="s-equip7 s-eqright">
                <a href="javascript:;" title="内衣"></a>
              </div>
              <div class="s-equip8 s-eqright">
                <a href="javascript:;" title="外衣"></a>
              </div>
              <div class="s-equip9 s-eqright">
                <a href="javascript:;" title="手套"></a>
              </div>
              <div class="s-equip10 s-eqright">
                <a href="javascript:;" title="裤子"></a>
              </div>
              <div class="s-equip11 s-eqright">
                <a href="javascript:;" title="鞋子"></a>
              </div>
              <div class="s-man"></div>
            </div>
          </div>
        </div>
      </div>
      <!-- 模块Ⅲ的动画制作 -->
      <div class="section u-ft">
        <div class="u-bigtp">
          <video
            src="./s-vodie/two.mp4"
            loop
            muted
            autoplay
            class="u-video3"
          ></video>
          <span class="u-ft-1"></span>
          <span class="u-ft-2"></span>
          <h5 class="u-ft-3">
            真实的射击体验，多种枪械与配件，眼观六路耳听八方
          </h5>
          <!-- <span class="u-ft-4">+</span> -->
          <div class="u-halor u-ft-4">
            <span>+</span>
            <b class="u-public1"></b>
            <b class="u-public2"></b>
            <b class="u-public3"></b>
          </div>
          <div class="u-sniper">
            <div class="u-sniper-top">
              <div class="u-gun1"></div>
              <div class="part1"></div>
              <div class="part2"></div>
              <div class="part3"></div>
              <div class="part4"></div>
              <div class="part5"></div>
            </div>
            <div class="u-sniper-bottom">
              <div class="u-gun2"></div>
              <div class="rifle1"></div>
              <div class="rifle2"></div>
              <div class="rifle3"></div>
              <div class="rifle4"></div>
              <div class="rifle5"></div>
            </div>
          </div>
        </div>
      </div>
      <!-- 模块Ⅳ的动画制作 -->
      <div class="section u-tupian">
        <div class="u-climate">
          <div class="u-cloud"></div>
          <div class="u-cloud-ft">
            <span class="u-tianqi">天气</span>
            <span class="u-xian1"></span>
            <span class="u-wenzi1"
              >天气将严重影响视野，既潜藏着危险，也能成为你的掩护</span
            >
          </div>
          <div class="u-hill"></div>
          <div class="u-hill-ft">
            <span class="u-dixing">地形</span>
            <span class="u-xian2"></span>
            <span class="u-wenzi2"
              >善于利用不同的地形埋伏和躲藏，才能取得胜利</span
            >
          </div>
          <ul class="u-weather">
            <li class="u-weather1">
              <img src="./u-upload/img_weather1.jpg" class="u-pic1" alt="" />
              <!-- <div class="word1"></div> -->
            </li>
            <li class="u-weather2">
              <img src="./u-upload/img_weather2.jpg" class="u-pic2" alt="" />
              <!-- <div class="word2"></div> -->
            </li>
            <li class="u-weather3">
              <img src="./u-upload/img_weather3.jpg" class="u-pic3" alt="" />
              <!-- <div class="word3"></div> -->
            </li>
          </ul>
          <div class="u-headline"></div>
          <!-- <div class="u-shade"></div> -->
        </div>
        <div class="u-terrain">
          <ul class="u-chevron">
            <li class="u-chevron1">
              <img src="./u-upload/img_terrain1.jpg" alt="" />
              <!-- <div class="word4"></div> -->
            </li>
            <li class="u-chevron2">
              <img src="./u-upload/img_terrain2.jpg" alt="" />
              <!-- <div class="word5"></div> -->
            </li>
            <li class="u-chevron3">
              <img src="./u-upload/img_terrain3.jpg" alt="" />
              <!-- <div class="word6"></div> -->
            </li>
            <li class="u-chevron4">
              <img src="./u-upload/img_terrain4.jpg" alt="" />
              <!-- <div class="word7"></div> -->
            </li>
            <li class="u-chevron5">
              <img src="./u-upload/img_terrain5.jpg" alt="" />
              <!-- <div class="word8"></div> -->
            </li>
          </ul>
          <!-- <div class="u-shade"></div> -->
        </div>
      </div>
      <!-- 模块Ⅴ的动画制作 -->
      <div class="section">
        <div class="s-fourbg">
          <div class="s-car">
            <div class="s-carbd">
              <div class="s-carpanel">
                <img src="s-images/car1.png" alt="1人载具" />
              </div>
              <div class="s-carpanel">
                <img src="s-images/car2.png" alt="" />
              </div>
              <div class="s-carpanel">
                <img src="s-images/car3.png" alt="" />
              </div>
              <div class="s-carpanel">
                <img src="s-images/car4.png" alt="" />
              </div>
              <div class="s-carpanel">
                <img src="s-images/car5.png" alt="" />
              </div>
            </div>
            <div class="s-carhd">
              <ul class="s-peo">
                <li class="s-on">
                  <i class="s-show0"></i>
                  <b>2人载具</b>
                </li>
                <li>
                  <i class=""></i>
                  <b>3人载具</b>
                </li>
                <li>
                  <i class=""></i>
                  <b>4人载具</b>
                </li>
                <li>
                  <i class=""></i>
                  <b>4人载具</b>
                </li>
                <li>
                  <i class=""></i>
                  <b>船</b>
                </li>
              </ul>
            </div>
          </div>
          <div class="swiper-slide s-oneamn">
            <video
              src="s-vodie/three.mp4"
              loop
              muted
              autoplay
              class="s-fourvodie"
            ></video>

            <div class="s-ftexttop"></div>
            <div class="s-ftextunder"></div>
            <div class="s-fcircle">
              <span>+</span>
              <b class="s-public1"></b>
              <b class="s-public2"></b>
              <b class="s-public3"></b>
            </div>
            <div class="s-fendtext">丰富载具，团队合作，好友开黑</div>
          </div>
        </div>
      </div>
      <!-- 模块Ⅵ地图 -->
      <div class="section s-lastmap">
        <h1 class="s-maptitle"></h1>
        <div class="s-nexttext">时刻变化的随机因素，制定最优策略</div>
        <div class="s-info_l" id="s-info_l1">
          <div class="s-halo">
            <span>+</span>
            <b class="s-public1"></b>
            <b class="s-public2"></b>
            <b class="s-public3"></b>
          </div>
          <div class="s-mapvodie1">
            <video
              src="s-vodie/s-map2.mp4"
              loop
              muted
              autoplay
              class="s-mapv1"
            ></video>
            <div class="s-maptext1">
              <span>安全区</span>
              <p>不断缩小的安全区域，位置随机，根据战术随机应变。</p>
            </div>
          </div>
        </div>
        <div class="s-info_r">
          <div class="s-halor">
            <span>+</span>
            <b class="s-public1"></b>
            <b class="s-public2"></b>
            <b class="s-public3"></b>
          </div>
          <div class="s-mapvodie2">
            <video
              src="s-vodie/s-map1.mp4"
              loop
              muted
              autoplay
              class="s-mapv2"
            ></video>
            <div class="s-maptext2">
              <span>轰炸区</span>
              <p>
                随机轰炸地图的某个区域，需要尽快撤离，也可以躲在房子里祈祷。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="./lihe/l-js/l-commen.js"></script>
    <script src="./lihe/l-js/s-jquery.min.js"></script>
    <script src="./s-js/video-3.js"></script>
    <script src="s-js/jquery-1.8.3.min.js"></script>
    <script src="s-js/jquery.fullPage.min.js"></script>
    <script src="s-js/s-h.js"></script>
    <script src="s-js/s-h2.js"></script>
    <script>
      $(function () {
        $('#dowebok').fullpage({
          // sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90']
          // sectionsColor: ['#1801019b','#1801019b','#1801019b','#1801019b']
        })

        $(window).resize(function () {
          autoScrolling()
        })

        function autoScrolling() {
          var $ww = $(window).width()
          if ($ww < 1024) {
            $.fn.fullpage.setAutoScrolling(false)
          } else {
            $.fn.fullpage.setAutoScrolling(true)
          }
        }

        autoScrolling()
      })
    </script>

    <a href="http://www.dowebok.com/" style="display: none">dowebok</a>
    <a href="http://www.dowebok.com/77.html" style="display: none"
      >jQuery全屏滚动插件fullPage.js</a
    >
  </body>
</html>
